{include file="public/mobileheader"}
<style>
    body{
        padding-bottom: 3em;
    }
    .mui-icon{
        display: inline-block;
        text-align: center;
    }

    .small-list>a{
        color: #00ccff;
        display: inline-block;
        width: 32%;
        background: white;
        height: 65px;
        text-align: center;
        padding-top: 9px;
    }
</style>

<body>
    <div>
        <ul class="mui-table-view mui-grid-view">
            <li class="mui-table-view-cell mui-media mui-col-xs-6">
                <a href="#">
                    <img class="mui-media-object" src="/static/img/yuantiao.jpg">
                    <div class="mui-media-body">幸福就是可以一起睡觉</div>
                </a>
            </li>
            <li class="mui-table-view-cell mui-media mui-col-xs-6">
                <a href="#">
                    <img class="mui-media-object" src="/static/img/yuantiao.jpg">
                    <div class="mui-media-body">想要一间这样的木屋，静静的喝咖啡sdfbsfdbsfbsfbsfbsfbsfdbadfb</div></a></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-6">
                <a href="#"><img class="mui-media-object" src="/static/img/yuantiao.jpg">
                    <div class="mui-media-body">Color of SIP CBD</div></a></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-6">
                <a href="#">
                    <img class="mui-media-object" src="/static/img/yuantiao.jpg">
                    <div class="mui-media-body">静静看这世界</div></a></li>
        </ul>
    </div>

    {include file="public/nav"}
</body>
{include file="public/mobilefooter"}

<script>
    //底部导航栏的高亮控制
    var nav = document.getElementsByClassName('active');
    nav[1].style.color = '#007aff';
</script>
</html>